<!--
  <table></table> 表格
  <tr></tr> 行
  <td></td> 单元格
-->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
    <!--两行3列-->
    <table border="1" cellspacing='0' width='500px'>
      <caption>功能表格</caption>
      <thead>
      <tr bgcolor='#d8e4bc'>
        <th rowspan="2">城市</th>
        <th colspan="2">2014</th>
    
        <th rowspan="2">2015</th>
        <th rowspan="2">2016</th>
      </tr>
      <tr bgcolor='#d8e4bc'>
        
        <th>上半年</th>
        <th>下半年</th>
        
        
      </tr>
    </thead>
   <tbody align="center" valign="middle" >
    <tr>
      <td bgcolor="#b8cce4" bgcolor="#b8cce4" align="center">广州</td>
      <td>8000</td>
      <td>9000</td>
      <td>10000</td>
      <td>12000</td>
    </tr>
    <tr>
      <td bgcolor="#b8cce4" bgcolor="#b8cce4" align="center">深圳</td>
      <td>8000</td>
      <td>9000</td>
      <td>10000</td>
      <td>12000</td>
    </tr>
    <tr>
      <td bgcolor="#b8cce4" align="center">北京</td>
      <td>8000</td>
      <td>9000</td>
      <td>10000</td>
      <td>12000</td>
    </tr>
   </tbody>
    <tfoot>
      <tr align="center" >
        <td>合计</td>
        <td>8000</td>
        <td>9000</td>
        <td>10000</td>
        <td>12000</td>
      </tr>
    </tfoot>
    </table>

    <!--带结构的表格
    表格划分三部分：表头，主体，脚注
    thead
    tbody
    tfoot
    -->

</body>
</html>